<extend name="Index/index"/>
<block name="register">
    <div class="layui-row seckill_nav_100">
        <ul class="layui-nav   seckill_nav " style="background-color: #FA0077" lay-filter="">
            <li class="layui-nav-item"><a href="{{:U('Index/index')}}" style="font-size: 20px;color: #fff; margin-left: 50px"><b>首页</b></a></li>
            <li class="layui-nav-item"><a href="{{:U('Seckill/index')}}" style="font-size: 20px;color: #fff;"><b>限时抢购</b></a></li>
            <li class="layui-nav-item"><a href="{{:U('Group/index')}}" style="font-size: 20px;color: #fff;"><b>参与拼团</b></a></li>
        </ul>
    </div>
    <div class="layui-container">
        <!--//菜单-->


        <div class="layui-row nav-top20">
            <div class="layui-col-md9 banner-ri-30">
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div class="img-h-400">
                            <img class="fill_img mslide_banner_img" style="display:block;width: 100%;" src="https://s3.mogucdn.com/mlcdn/c45406/171221_85h8hj726081kl693464e1l9a850c_960x402.png" alt="">
                        </div>
                        <div class="img-h-400">
                            <img class="fill_img mslide_banner_img" style="display: block;" src="https://s3.mogucdn.com/mlcdn/c45406/180124_4c22f04c8ah499jdhj9ce32d9hc3a_960x402.jpg_999x999.v1c0.webp" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2 rig-wid">
                <div class="layui-col-md12 rig-wid-img">
                    <img class="J_dynamic_img fill_img" src="https://s3.mogucdn.com/mlcdn/c45406/180117_2k251i9d8h4ilbc29c1499492lldd_190x180.png_200x9999.v1c7E.70.webp" alt="">
                </div>
                <div class="layui-col-md12 rig-wid-img" style="margin-top: 10px">
                    <img class="J_dynamic_img fill_img" src="https://s3.mogucdn.com/mlcdn/c45406/180117_2k251i9d8h4ilbc29c1499492lldd_190x180.png_200x9999.v1c7E.70.webp" alt="">
                </div>


            </div>
        </div>
    </div>
    <div class="layui-container">
        <div class="layui-row ">
            <!--循环一下-->
            <foreach name="list" item="vo" key="k" >
                <div class="layui-col-md5 bor-1">
                    <div class="layui-col-md12 ">
                        <div class="layui-col-md5">
                            <img class="J_dynamic_img fill_img img-200" src="{{:get_img_url('__ROOT__/Uploads/GoodsImg/',$vo['img'],350)}}" >
                        </div>
                        <div class="layui-col-md6 qg-text">
                            <h6>{{$vo.gname}}</h6>
                            <hr class="layui-bg-gray">
                            <h3>快抢价:{{$vo.seck_pri}}<span>仅剩{{$vo.num}}件</span></h3>
                            <a class="layui-btn layui-btn-danger" href="{{:U('Index/goodsDetails',array('id'=>$vo['gid']))}}">立即抢购</a>
                        </div>
                    </div>
                </div>
            </foreach>

        </div>
    </div>









    <script>
        layui.use('carousel', function(){
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                ,width: '100%' //设置容器宽度
                ,arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>
</block>